h1
h2
h3
h4
h5
    -webkit-transition color 0.6s
    -o-transition color 0.6s
    transition color .6s
    color var(--title-color)
    margin 2.75rem 0 1rem
    font-family miriam libre,-apple-system,BlinkMacSystemFont,Segoe UI,Helvetica,Arial,pingfang sc,source han sans sc,noto sans cjk sc,sarasa gothic sc,microsoft yahei,sans-serif,Apple Color Emoji,Segoe UI Emoji,Varela Round
    font-weight 430
    line-height 1.5

h1
    font-size 2em

h2
    font-size 1.6em

h3
    font-size 1.4em

h4
    font-size 1.2em

h5
    font-size 1.05em

small
    font-size .889em

b
strong
    font-weight 700

m
mark
    background #f9de4b
    color #4c4d4e

em
    font-style italic

s
    text-decoration line-through

*
    -webkit-box-sizing border-box
    box-sizing border-box
    font-smoothing antialiased
    osx-font-smoothing grayscale
    
    if (hexo-config('navbar.sticky'))
        @media screen and (min-width: 1080px)
            &[id]
                scroll-margin-top $header_height

a
    color var(--main-color)
    cursor pointer
    text-decoration none

    &:not(.button)
        -webkit-transition opacity 0.2s
        -o-transition opacity 0.2s
        transition opacity .2s

        &:hover
            opacity 0.8
            text-decoration underline

    .index-title
        color var(--title-color)

img
    max-width 100%

    &.lazy
        -webkit-transition -webkit-filter 0.375s ease 0s
        transition -webkit-filter 0.375s ease 0s
        -o-transition filter 0.375s ease 0s
        transition filter 0.375s ease 0s
        transition filter 0.375s ease 0s, -webkit-filter 0.375s ease 0s

        &:not(.loaded)
            -webkit-filter blur(8px)
            filter blur(8px)
            padding-bottom 40%

hr
    -webkit-box-sizing initial
    box-sizing initial
    height 0
    overflow visible
    margin 15px 0
    overflow hidden
    background transparent
    border 0
    border-bottom 1px solid #dfe2e5
    border-bottom-color #eee
    height .1em
    padding 0
    margin 24px 0
    background-color #e1e4e8

    &:after
        clear both

input
    font inherit
    margin 0
    overflow visible
    font-family inherit
    font-size inherit
    line-height inherit

[type=checkbox]
    -webkit-box-sizing border-box
    box-sizing border-box
    padding 0

kbd
    display inline-block
    padding 3px 5px
    font 11px SFMono-Regular,Consolas,Liberation Mono,Menlo,monospace
    line-height 10px
    color #444d56
    vertical-align middle
    background-color #fafbfc
    border 1px solid #d1d5da
    border-radius 3px
    -webkit-box-shadow inset 0 -1px 0 #d1d5da
    box-shadow inset 0 -1px 0 #d1d5da

blockquote
    margin 16px 0 16px 0
    padding 0 1em
    color #6a737d
    border-left .25em solid #dfe2e5

    >   :first-child
        margin-top 0

    >:last-child
        margin-bottom 0

dd
    margin-left 0

pre
    margin-top 0
    margin-bottom 0
    word-wrap normal

    >code
        padding 0
        margin 0
        font-size 100%
        word-break normal
        white-space pre
        background transparent
        border 0

    span
        display inline
        max-width auto
        padding 0
        margin 0
        overflow auto
        line-height inherit
        word-wrap normal
        background-color initial
        border 0

li
    word-wrap break-all

    >p
        margin-top 16px

    +li
        margin-top .25em

dl
    padding 0

    dt
        padding 0
        margin-top 16px
        font-size 1em
        font-style italic
        font-weight 600

    dd
        padding 0 16px
        margin-bottom 20px

code
    padding .2em .4em
    margin 0
    font-size $code_fontsize
    background-color var(--bg-code)
    border-radius 3px

a:active
a:hover
    outline-width 0

code
kbd
pre
    font-family monospace,monospace
    font-size $code_fontsize

hr:after
hr:before
    display table
    content ""

td
th
    padding 0

ol
ul
    padding-left 0
    margin-top 0
    margin-bottom 0
    padding-left 2em

ol ol
ul ol
    list-style-type lower-roman

ol ol ol
ol ul ol
ul ol ol
ul ul ol
    list-style-type lower-alpha

code
pre
    font-family SFMono-Regular,Consolas,Liberation Mono,Menlo,monospace
    font-size $code_fontsize

input::-webkit-inner-spin-button
input::-webkit-outer-spin-button
    margin 0
    -webkit-appearance none
    appearance none

blockquote
details
dl
ol
p
pre
table
ul
    margin-top 0px
    margin-bottom 20px

ol ol
ol ul
ul ol
ul ul
    margin-top 0
    margin-bottom 0

figure
    padding 0
    margin 0
    margin-bottom 20px
    
table
    display block
    width 100%
    overflow auto

figure table
    border none
    padding 0
    max-width 100%

    th
        font-weight 600

    tr
        background-color transparent
        border-top none

    td.gutter
        padding-right 1rem
        text-align right
        background-color transparent

.highlight
    margin-bottom 20px
    padding 0.4rem
    width auto
    border-radius 3px

    pre
        margin-bottom 0

.highlight table 
    margin 0
    padding 0.6rem 0

.highlight pre
pre
    padding 0
    overflow auto
    font-size $code_fontsize
    line-height 1.45
    border-radius 3px

.task-list-item
    list-style-type none

    +.task-list-item
        margin-top 3px

    input
        margin 0 .2em .25em -1.6em
        vertical-align middle

table
    border-spacing 0
    border-collapse collapse

    th:not(.code):not(.gutter)
        font-weight 700

    tr:not(.code):not(.gutter)
        background-color #f6f8fa

        &:not(.highlight)
            background-color transparent

        &:nth-child(2n)
            background-color #f6f8fa

    td:not(.code):not(.gutter)
    th:not(.code):not(.gutter)
        padding 6px 13px
        border 1px solid var(--border-color)

overflows
    table
        overflow auto

        th
        td
            white-space nowrap

.post-entry__content
.post__content
    -webkit-text-size-adjust 100%
    -moz-text-size-adjust 100%
    -ms-text-size-adjust 100%
    text-size-adjust 100%
    color var(--body-color)
    font-size 16px
    word-wrap break-word

    a
        background-color initial
        color #0366d6
        text-decoration none

        &:hover
            text-decoration underline

    &>.highlight
        margin 1rem calc(0rem - var(--space)) !important
        padding 0.4rem var(--space) !important
        border none !important
        border-radius 0 !important
        width auto

    h1
    h2
    h3
    h4
    h5
    h6
        margin-top 24px
        margin-bottom 20px
        font-weight 700
        line-height 1.25

    h1
    h2
        padding-bottom .3em
        border-bottom 1px solid #eaecef

    h6
        font-size .875em
        color #6a737d
